<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link type="text/css" href="../css/bootstrap.min.css" rel="Stylesheet" />
    <link type="text/css" href="../css/RxWindow.css" rel="Stylesheet" />
    <link type="text/css" href="../css/RxButton.css" rel="Stylesheet" />
    <link type="text/css" href="../css/JyyCheckBox.css" rel="Stylesheet" />
    <link type="text/css" href="../css/RxDate.css" rel="Stylesheet" />
    <link type="text/css" href="../css/RxDialog.css" rel="Stylesheet" />
    <link type="text/css" href="../css/RxDropList.css" rel="Stylesheet" />
    <link type="text/css" href="../css/RxLabel.css" rel="Stylesheet" />
    <link type="text/css" href="../css/RxListBox.css" rel="Stylesheet" />
    <link type="text/css" href="../css/RxMenu.css" rel="Stylesheet" />
    <link type="text/css" href="../css/JyyRadio.css" rel="Stylesheet" />
    <link type="text/css" href="../css/RxText.css" rel="Stylesheet" />
    <link type="text/css" href="../css/RxTree.css" rel="Stylesheet" />
    <link type="text/css" href="../css/ystep.css" rel="Stylesheet" />
    <link type="text/css" href="../css/RxWindow.css" rel="Stylesheet" />
    <link type="text/css" href="../css/main.css" rel="Stylesheet" />
    <link type="text/css" href="../css/jquery-ui.min.css" rel="Stylesheet" />
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="../css/lc.css">
    <link href="../css/bootstrap-select.css" rel="stylesheet">
    <title>工作台</title>
    <script type="text/javascript" src="../js/jquery-3.2.1.js" ></script>
    <script type="text/javascript" src="../js/json2.js" ></script>
    <script type="text/javascript" src="../js/RxWindow.js" ></script>
    <script type="text/javascript" src="../js/RxButton.js" ></script>
    <script type="text/javascript" src="../js/JyyCheckBox.js" ></script>
    <script type="text/javascript" src="../js/RxDate.js" ></script>
    <script type="text/javascript" src="../js/RxDialog.js" ></script>
    <script type="text/javascript" src="../js/RxDropList.js" ></script>
    <script type="text/javascript" src="../js/RxLabel.js" ></script>
    <script type="text/javascript" src="../js/RxListBox.js" ></script>
    <script type="text/javascript" src="../js/RxMenu.js" ></script>
    <script type="text/javascript" src="../js/JyyRadio.js" ></script>
    <script type="text/javascript" src="../js/RxText.js" ></script>
    <script type="text/javascript" src="../js/RxTree.js" ></script>
    <script type="text/javascript" src="../js/JyyLoading.js"></script>
    <script type="text/javascript" src="../js/ystep.js" ></script>
    <script type="text/javascript" src="../js/work.js" ></script>
    <script type="text/javascript" src="../js/jquery-ui.min.js" ></script>
    <script type="text/javascript" src="../js/interface.js" ></script>
    <script type="text/javascript" src="../js/JyyCommon.js" ></script>
    <script type="text/javascript" src="../js/JyyMsgBox.js" ></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap-select.js"></script>
    <script type="text/javascript" src="../../utils/CommonUtil.js"></script>
    <style type="text/css">
        .msgbox {
            position:absolute;
            top:15px;
            left:600px;
            width:420px;
            height:250px;
            background:#ffffff;
            overflow: hidden;
            border:0px;
            -moz-border-radius:5px;
            -webkit-border-radius:5px;
            border-radius:5px;
            border: 1px solid #cccccc;
            box-shadow: 0 0 5px #cccccc;
        }
        .msgbox_panel {
            position:absolute;
            top:15px;
            left:15px;
            bottom:80px;
            right:15px;
        }
        .msgbox_icon {
            position:absolute;
            top:50px;
            left:66px;
            width:35px;
            height:35px;
            background:url(../images/error_tips.png) no-repeat;
        }
        .msgbox_text {
            position:absolute;
            top:55px;
            left:129px;
            width:210px;
            height:20px;
            font-size:20px;
            color:#999999;
        }
        .context-menu {
            display: none;
            z-index: 1000;
            position: absolute;
            overflow: hidden;
            border: 1px solid #CCC;
            white-space: nowrap;
            font-family: sans-serif;
            background: #FFF;
            color: #333;
            border-radius: 5px;
            padding: 0;
        }

        /* 列表中的每个元素 */
        .context-menu li {
            padding: 8px 12px;
            cursor: pointer;
            list-style-type: none;
            transition: all .3s ease;
            user-select: none;
        }

        .context-menu li:hover {
            background-color: #DEF;
        }
        .login_name {
            top:20px;
            right:140px;
            width:60px;
            height:60px;
            cursor:pointer;
            color: white;
        }
        .layui-nav {
            position: relative;
            color: #fff;
            border-radius: 2px;
            font-size: 0;
            box-sizing: border-box;
            right: 11px;

        }
        .layui-nav-more {
            display: none;
        }
        .heidenp{
            position: absolute;
            top: 0px;
            left: 42px;
            line-height: 40px;
            cursor: pointer;
            text-align: center;
            color: #ffffff;
            font-size: 18px;
        }
        .layui-laypage .layui-laypage-curr .layui-laypage-em {
            position: absolute;
            left: -1px;
            top: -1px;
            padding: 1px;
            width: 100%;
            height: 100%;
            background-color: #557DFF;
        }
        .layui-elem-field div {
            margin-left: 20px;
            padding: 0 10px;
            font-size: 22px;
            font-weight: 400;
        }
        .layui-field-title {
            margin: 0px -12px 3px;
            border-width: 0px 0px 0px;
        }
        legend {
            display: block;
            width: 100%;
            padding: 0;
            margin-bottom: 0px;
            font-size: 21px;
            line-height: inherit;
            color: #333;
            border: 0;
            border-bottom: 0px solid #e5e5e5;
        }
        .layui-tab {
            margin: -8px 0;
            text-align: left!important;
        }
        .gopt_select {
            position:absolute;
            top:1px;
            height: 38px;
            border:0px;
            color: #333333;
            text-align: left;
            outline: none;
            background: #ffffff;
        }
        .gopt_select_edit {
            position:absolute;
            width:350px;
            height: 40px;
            border: 1px solid #cccccc;
            background: #ffffff;
        }
        .gopt_select_corner {
            -moz-border-radius:5px;
            -webkit-border-radius:5px;
            border-radius:5px;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function() {
            initPage();

            window.oncontextmenu=function(e){
                //取消默认的浏览器自带右键 很重要！！
                e.preventDefault();
            }
        });

    </script>
</head>
<body id="bodyDiv" style="">
<div id="viewPanel" style="position:absolute;top: 0px;left: 0px;width: 100%;height: 100%;overflow: hidden;background:#eeeeee;min-width: 1260px;">
    <div id="header" style="position:absolute;top:0px;left:0px;height:51px;width:100%;background-image:url(../images/header_bg.png);background-size: cover;">
        <div id="headPanel" style="position:absolute;top:0px;left:0px;height:60px;width:100%;border-bottom:1px solid #444444;">
            <ul class="layui-nav layui-layout-right" style="background-color: transparent;padding: 0px 0px 0px 0px;text-align: center;">
                <li class="layui-nav-item" id="teamPage">
                    <div id="planNameList" style="height:51px;"></div>
                </li>
            </ul>
        </div>
        <div id="tabs" style="position:absolute;top:0px;left:0px;right:0px;height:51px;">
            <div id="headerMenu" class="header_menu"></div>
            <div class="gopt_menu" style="top:0px;left:51px;width:130px;" onclick="onMenuClick(0);">基础数据</div>
            <div class="gopt_menu" style="top:0px;left:182px;width:130px;" onclick="onMenuClick(1);">运行模拟</div>
            <div class="gopt_menu" style="top:0px;left:313px;width:130px;" onclick="onMenuClick(2);">结果展示</div>
            <div class="gopt_menu" style="top:0px;left:444px;width:130px;" onclick="onMenuClick(3);">方案对比</div>
            <div class="gopt_menu" style="top:0px;left:575px;width:130px;" onclick="onMenuClick(4);">进程管理</div>
        </div>
    </div>
    <div id="bodyPanel" style="position:absolute;top:51px;left:0px;right:0px;bottom:0px;overflow:hidden;">
        <div id="tabsDiv" style="position:absolute;top:0px;left:0px;width:200px;height:40px;">
            <div id="btnMeos"  style="position:absolute;top:0px;left:0px;width:200px;height:40px;background-color: #ddd;">
                <div style="position:absolute;top:10px;left:70px;width:80px;height:15px;font-size:15px;font-weight:bold;color:#33364c;">资源库</div>
            </div>
        </div>
        <div id="tabsDivD" style="position:absolute;top:0px;left:0px;width:195px;height:40px;background:#000000;filter:alpha(Opacity=60);opacity:0.6;overflow: hidden;display:none;">
        </div>
        <iframe src="" frameborder="0" width="100%" scrolling="No" height="100%" leftmargin="0" topmargin="0" id="contentPanel"></iframe>

        <!-- <iframe id="contentPanel" src="" style="border:none;width:100%;height:100%;margin:0;padding:0;" allowTransparency="true" frameborder="none" border="0"></iframe>
-->	</div>
    <div id="wizardMask" style="position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:#000000;filter:alpha(Opacity=60);opacity:0.6;overflow: hidden;display:none;"></div>
    <div id="planPanel" style="position:absolute;top:25%;left:30%;width:600px;height:350px;background:#ffffff;overflow: hidden;border:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
        <div style="position:absolute;top:0px;left:0px;width:100%;height:45px;">
            <div style="position:absolute;top:20px;left:35px;width:80px;height:24px;height:24px;font-size:20px;font-weight:bold;color:#33364c;">添加方案</div>
        </div>
        <div style="position:absolute;top:75px;left:20px;right:20px;bottom:80px;">
            <div style="position:absolute;top:0px;left:50px;width:80px;height:42px;line-height:40px;text-align:right;"><font color="#ff0000">*</font>方案名</div>
            <div id="inPlanName" class="gopt_edit gopt_corner" style="position:absolute;top:0px;left:140px;width:350px;height:42px">
                <input class="gopt_edit_input" type="text" style="width:324px;"/>
                <div class="gopt_edit_tip" style="width:324px;">请输入方案名</div>
            </div>
            <div style="position:absolute;top:68px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;">方案描述</div>
            <div id="inPlanDemo" class="gopt_edit gopt_corner" style="position:absolute;top:68px;left:140px;width:350px;height:42px">
                <input class="gopt_edit_input" type="text" style="width:324px;"/>
                <div class="gopt_edit_tip" style="width:324px;">请描述（选填）</div>
            </div>
            <div style="position:absolute;top:136px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;">复制方案</div>
            <div id="inCopyPlan" class="gopt_select_edit gopt_select_corner" style="position:absolute;top:136px;left:140px;width:350px;height:42px">
                <select id="inCopyPlanDemo" class="selectpicker dropup" data-live-search="true" title="请选择方案" data-style="gopt_select"
                        data-none-results-text="未找到相关方案{0}" data-width="335px" data-size="4" data-dropup-auto="false"></select>
            </div>
        </div>
        <div id="btnCancel" class="gopt_btn_cancel" style="position:absolute;bottom:15px;left:15px;">取消</div>
        <div id="btnFinish" class="gopt_btn" style="position:absolute;bottom:15px;right:15px;">完成</div>
    </div>
    <div id="planPanelEdit" style="position:absolute;top:25%;left:30%;width:600px;height:350px;background:#ffffff;overflow: hidden;border:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
        <div style="position:absolute;top:0px;left:0px;width:100%;height:45px;">
            <div style="position:absolute;top:20px;left:35px;width:80px;height:24px;height:24px;font-size:20px;font-weight:bold;color:#33364c;">修改方案</div>
        </div>
        <div style="position:absolute;top:105px;left:20px;right:20px;bottom:120px;">
            <div style="position:absolute;top:0px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;"><font color="#ff0000">*</font>方案名</div>
            <div id="inPlanNameEdit" class="gopt_edit gopt_corner" style="position:absolute;top:0px;left:140px;width:350px;height:42px">
                <input class="gopt_edit_input" type="text" style="width:324px;"/>
                <div class="gopt_edit_tip" style="width:324px;"></div>
            </div>
            <div style="position:absolute;top:68px;left:50px;width:80px;height:40px;line-height:40px;text-align:right;">方案描述</div>
            <div id="inPlanDemoEdit" class="gopt_edit gopt_corner" style="position:absolute;top:68px;left:140px;width:350px;height:42px">
                <input class="gopt_edit_input" type="text" style="width:324px;"/>
                <div class="gopt_edit_tip" style="width:324px;"></div>
            </div>
        </div>
        <div id="btnCancelEdit" class="gopt_btn_cancel" style="position:absolute;bottom:15px;left:15px;">取消</div>
        <div id="btnFinishEdit" class="gopt_btn" style="position:absolute;bottom:15px;right:15px;">完成</div>
    </div>
    <div id="runPanel" class="ui-widget-content"  style="position:absolute;top:12%;left:20%;width:861px;height:645px;background:#ffffff;overflow: hidden;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
        <div style="position:absolute;top:0px;left:0px;width:100%;height:60px;">
            <div style="position:absolute;top:0px;left:28px;width:120px;height:60px;line-height:60px;">调度运行仿真</div>
            <div id="btnClose" style="position:absolute;top:10px;right:10px;width:17px;height:17px;background:url(../images/dialog_close.png) no-repeat;cursor:pointer;"></div>
        </div>
        <div style="position:absolute;top:60px;left:28px;right:28px;bottom:0px;">
            <div style="position:absolute;top:1px;left:0px;right:0px;bottom:65px;overflow:hidden;">
                <div class="gopt_tab" style="left:0px;width:89px;">基本参数</div>
                <div class="gopt_tab" style="left:90px;width:89px;">运行选项</div>
                <div class="gopt_tab" style="left:180px;width:89px;">电源选项</div>
                <div class="gopt_tab" style="left:270px;width:89px;">调峰选项</div>
                <div class="gopt_tab" style="left:360px;width:89px;">检修选项</div>
                <div class="gopt_tab" style="left:450px;width:124px;">水电运行选项</div>
                <div class="gopt_tab" style="left:575px;width:138px;">新能源运行选项</div>
                <div class="gopt_tab" style="left:714px;width:89px;">优化选项</div>
                <div class="gopt_tab_line" style="left:0px;width:0px;"></div>
                <div class="gopt_tab_line" style="left:100px;width:888px;"></div>
                <div id="panelTab" class="gopt_tab_panel">
                </div>
            </div>
            <div id="lblInfo" style="position:absolute;bottom:0px;left:0px;width:550px;height:65px;line-height:65px;">正在设置的方案：方案MMMMMM</div>
            <!-- div id="btnSave" class="gopt_btn" style="position:absolute;right:275px;bottom:15px;width:100px;height:35px;line-height:35px;">保存设置</div -->
            <div id="btnReturn" class="gopt_btn_cancel" style="position:absolute;right:115px;bottom:15px;width:100px;height:35px;line-height:35px;">返回</div>
            <div id="btnRun" class="gopt_btn_exe" style="position:absolute;right:0px;bottom:15px;width:98px;height:33px;line-height:33px;">运行模拟</div>
        </div>
    </div>
    <div id="runProcessPanel" style="position:absolute;top:100px;left:200px;width:670px;height:340px;background:#ffffff;overflow: hidden;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
        <div class="process_outline" style="left:30px;"><div class="process_text">可再生能源运行模拟</div></div>
        <img class="process_arrow" style="left:100px;" src="../images/process_arrow.png"/>
        <div class="process_outline" style="left:140px;"><div class="process_text" style="top:55px;">长期水电运行模拟</div></div>
        <img class="process_arrow" style="left:210px;" src="../images/process_arrow.png"/>
        <div class="process_outline" style="left:250px;"><div class="process_text" style="top:55px;">中期水电运行模拟</div></div>
        <img class="process_arrow" style="left:320px;" src="../images/process_arrow.png"/>
        <div class="process_outline" style="left:360px;"><div class="process_text" style="top:65px;">检修运行模拟</div></div>
        <img class="process_arrow" style="left:430px;" src="../images/process_arrow.png"/>
        <div class="process_outline" style="left:470px;"><div class="process_text" style="top:65px;">逐日运行模拟</div></div>
        <img class="process_arrow" style="left:540px;" src="../images/process_arrow.png"/>
        <div class="process_outline" style="left:580px;"><div class="process_text" style="top:65px;">导入计算结果</div></div>
        <div class="process_bar_bg"></div>
        <div id="processBar" class="process_bar">0%</div>
    </div>
    <div id="treePanel" style="position:absolute;top:50px;bottom:0px;left:0px;width:250px;visibility:hidden;">
        <div id="treeMask" style="position:absolute;top:0px;bottom:0px;left:0px;width:250px;background:#33364c;filter:alpha(Opacity=90);opacity:0.9;"></div>
        <div id="treeMenu" style="position:absolute;top:0px;bottom:0px;left:0px;width:250px;">
            <div id="btnPanel" style="position:absolute;top:25px;height:40px;left:25px;width:200px;background:#557dff;filter:alpha(Opacity=20);opacity:0.2;border:0px solid #557dff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;"></div>
            <div id="btnAddPlan" style="position:absolute;top:25px;height:40px;left:25px;width:200px;background:url(../images/plan_add.png) no-repeat center center;border:1px solid #557dff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;"></div>
            <div id="treeProjectPanel" style="position:absolute;top:95px;height:50px;left:25px;width:200px;cursor:pointer;">
                <img id="treeProjectIcon" style="position:absolute;top:0px;left:0px;width:22px;height:17px;" src="../images/project_dir_icon.png"></img>
                <div id="treeProjectName" style="position:absolute;top:10px;left:32px;width:168px;color:#ffffff;">工程名工程名工程名工程名MMMMMM</div>
            </div>
            <div id="treePlanPanel"style="position:absolute;top:145px;bottom:25px;left:0px;right:0px;overflow:hidden;overflow-y:auto;">
            </div>
        </div>
    </div>
    <!-- <ul id="mouseDiv" style="position: absolute;display: none;background-color: white;cursor: pointer">
<li>进入站内图</li>
</ul> -->
    <ul id="mouseDiv" class='context-menu'>
        <li data-action="first">修改方案</li>
        <li data-action="second">删除方案</li>
    </ul>
    <div id="progressDiv" class="ui-widget-content" style="position:absolute;top:10%;left:30%;width:510px;height:520px;background:#ffffff;overflow: hidden;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
        <div style="position:absolute;top:0px;left:0px;width:100%;height:60px;">
            <div style="position:absolute;top:0px;left:28px;width:120px;height:60px;line-height:60px;">计算进程</div>
            <div id="progressMin" style="position:absolute;top:10px;right:28px;width:17px;height:17px;background:url(../images/dialog_min.png) no-repeat;cursor:pointer;"></div>
            <div id="progressClose" style="position:absolute;top:10px;right:10px;width:17px;height:17px;background:url(../images/dialog_close.png) no-repeat;cursor:pointer;"></div>
        </div>
        <div style="position: absolute;top: 50px;left:20px;width:450px;bottom:20px">
            <div id="progressState" style="position: absolute;top: 20px;left: 10px;right: 10px;"></div>
            <div style="position: absolute;top: 90px;left: 20px;right: 10px;">
                <div class="progress">
                    <div id="progressStrip" class="progress-bar progress-bar-striped progress-bar-info active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                        <span></span>
                    </div>
                </div>
            </div>
            <div id="progressText" style="position: absolute;top: 130px;left: 20px;right: 10px;bottom: 0px;color: white;background: black;overflow-x: hidden;padding: 10px;"></div>
        </div>
    </div>
    <div id="progressList" class="ui-widget-content" style="position:absolute;top: 3%;left: 5%;width: 1200px;height: 600px;background:#ffffff;overflow: hidden;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index: 11;display:none;">
        <div class="layui-elem-field layui-field-title" style="margin-top: 10px;">
            <div>进程管理</div>
            <div id="progressListClose" style="position:absolute;top:10px;right:10px;width:17px;height:17px;background:url(../images/dialog_close.png) no-repeat;cursor:pointer;"></div>
        </div>
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="margin-top: 5px;">
            <ul class="layui-tab-title">
                <li class="layui-this">实时进程</li>
                <li>历史进程</li>
                <!--   <li>计算设置</li> -->
            </ul>
            <div class="layui-tab-content" style="height: 100px;">
                <div class="layui-tab-item layui-show">
                    <div class="layui-form-item">
                        <div class="layui-input-inline">
                            <input type="text"  id='L_modelName' name="L_modelName" lay-verify="required" placeholder="模块名称" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-input-inline">
                            <input type="text" id='L_projectName' name="L_projectName" lay-verify="required" placeholder="工程名称" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-input-inline">
                            <input type="text" id='L_planName' name="L_planName" lay-verify="required" placeholder="方案名称" autocomplete="off" class="layui-input">
                        </div>
                        <button id='listquery' type="button" class="layui-btn" style="background-color: #557DFF;width: 90px;">查询</button>
                        <button id='listclear' type="button" class="layui-btn" style="background-color: #557DFF;width: 90px;">重置</button>
                    </div>
                    <table class="layui-hide" id="test" lay-filter="test"></table>
                    <div id="backstageText" style="color: white;background: black;overflow-x: hidden;padding: 10px;height: 210px;width: 100%;"></div>
                </div>
                <div class="layui-tab-item">
                    <div class="layui-form-item">
                        <div class="layui-input-inline">
                            <input type="text"  id='H_modelName' name="H_modelName" lay-verify="required" placeholder="模块名称" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-input-inline">
                            <input type="text" id='H_projectName' name="H_projectName" lay-verify="required" placeholder="工程名称" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-input-inline">
                            <input type="text" id='H_planName' name="H_planName" lay-verify="required" placeholder="方案名称" autocomplete="off" class="layui-input">
                        </div>
                        <button id='listqueryH' type="button" class="layui-btn" style="background-color: #557DFF;width: 90px;">查询</button>
                        <button id='listclearH' type="button" class="layui-btn" style="background-color: #557DFF;width: 90px;">重置</button>
                    </div>
                    <table class="layui-hide" id="test1" lay-filter="test1"></table></div>
                <!--    <div class="layui-tab-item"></div> -->
            </div>
        </div>
    </div>
    <div id="heideProesslist" class="ui-widget-content" style="position:absolute;top: 19%;right: 2%;width: 213px;height: 43px;background:#99CCFF;overflow: hidden;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
        <div style="position:absolute;top:6px;left:8px;width:30px;height:30px;background:url(../images/kyfzpt.png) no-repeat;cursor:pointer;"></div>
        <div class="heidenp" style="top:0px;" >运行模拟计算中...</div>
        <div onclick="showProlist();" style="position:absolute;top:11px;right:8px;width:17px;height:17px;background:url(../images/dialog_restore.png) no-repeat;cursor:pointer;"></div>
    </div>
</div>
<script src="../layui/layui.js"></script>
<script>
    layui.use('element', function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

        //监听导航点击
        element.on('nav(demo)', function(elem){
            //console.log(elem)
            layer.msg(elem.text());
        });
    });

    function toMain(){
        window.location.href="main.html";
    };
</script>
</body>
</html>